/* 侧边菜单 */

.sider-menu {
    overflow: hidden;
    height: 100vh;
    position: fixed !important;
    /* box-shadow: 0 0 5px #eee; */
    width: 500px !important;
    /* background: #fff; */
    /* width: 500px !important; */
    padding: 0;
    margin: 0;
    left: 0;

    background: #00317a !important;
    /* background-size: cover; */
}

.sider-menu:hover {
    overflow: auto !important;
}

.ant-layout-header {
    padding: 0 25px;
    color: #fff !important ;
    background: linear-gradient(
      30deg,
      #006bff,
      #006eff 100%,
      #1fadff 100%
    ) !important;
    box-shadow: 0px 3px 6px 0px rgba(21, 110, 255, 0.3) !important;
}

.layout-content {
    margin-left: calc(200px + 3%);
    transition: 0.25s;
}


/* .layout-content */

.layout-content-collpased {
    margin-left: 80px;
    transition: 0.25s;
}

.ant-pro-sider-menu-logo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 24px;
    overflow: hidden;
    /* background: #001529; */
    cursor: pointer;
    transition: all 0.3s;
}

.ant-pro-sider-menu-logo > a {
    display: flex;
    align-items: center;
    height: 64px;
}

.ant-pro-sider-menu-logo img {
    display: inline-block;
    height: 32px;
    vertical-align: middle;
}

.ant-pro-sider-menu-logo h1 {
    display: inline-block;
    margin: 0 0 0 12px;
    /* color: #1890ff; */
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    vertical-align: middle;
    animation: fade-in;
    /* visibility: hidden; */
    animation-duration: 0.3s;
}


/* .ant-pro-sider-menu-logo h1 {
    visibility: hidden;
    animation: fade-in;
    animation-duration: 0.3s;
}
 */


/* @media screen and (max-width: 991px) {
    .layout-content {
        margin-left: 80px;
    }
    .ant-pro-sider-menu-logo h1 {
        visibility: hidden;
        animation: fade-in;
        animation-duration: 0.3s;
    }
} */

.ant-pro-page-header-wrap-page-header-warp {
    margin-top: 1px;
    /* background: #fff; */
    transition: 0.3s;
    border: none;
}

.ant-pro-grid-content {
    width: 100%;
    min-height: 100%;
    transition: 0.3s;
}

.ant-page-header.has-breadcrumb {
    padding-top: 12px;
}

.ant-page-header-ghost {
    background-color: inherit;
}

.ant-page-header {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: rgba(0, 0, 0, 0.65);
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5715;
    list-style: none;
    font-feature-settings: "tnum", "tnum";
    position: relative;
    padding: 16px 24px;
    /* background-color: #fff; */
}

#root .my-header {
    background: white;
    /* box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08); */
    /* style={{ background: 'white', boxShadow: "0 1px 4px rgba(0, 21, 41, 0.08)" }} */
    z-index: 9;
}

.ant-breadcrumb + .ant-page-header-heading {
    margin-top: 8px;
}

.ant-page-header-heading-title {
    display: block;
    float: left;
    margin-bottom: 0;
    padding-right: 12px;
    color: rgba(0, 0, 0, 0.85);
    /* color: white; */
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
}

.ant-page-header-heading::before {
    display: table;
    content: "";
}

.ant-page-header-heading::after {
    display: table;
    clear: both;
    content: "";
}


.show {
    display: block;
}

.sider-menu .ant-menu-dark .ant-menu-submenu-active,

    /* .sider-menu .ant-menu-submenu-selected>.ant-menu-submenu-title, */

.sider-menu .ant-menu-inline-collapsed > .ant-menu-submenu-selected > .ant-menu-submenu-title {
    background: #044495;
}


/* 
.sider-menu .ant-menu-dark .ant-menu-submenu-open .ant-menu-submenu-title {
    background: #044495;
} */


/* .sider-menu .ant-menu.ant-menu-dark .ant-menu-item-selected,
.ant-menu-submenu-popup.ant-menu-dark .ant-menu-item-selected {
    background-color: #126ac4;
} */


/* style={{
    overflow: 'auto',
    height: '100vh',
    position: 'fixed',
    left: 0,
  }} */


.hide {
    display: none !important ;
}
